import React from "react";
import {
    ContextWrap,
    Tab,
    TabItem,
    NoData
} from './style'
import noContext from '../../asstes/images/no.png'
const Context = ({data}) =>{
    return(
        // 切页面
        <ContextWrap>
            <h2>热门赛事</h2>
            <Tab>
                {
                    data.map(item=><TabItem key = {item.id}>
                        <span>{item.title}</span>
                        </TabItem>)
                }

            </Tab>
            {true && <NoData>
              <img src={noContext} alt=''></img>
              <p>暂无赛事，看看更多演出</p>
              </NoData>}
        </ContextWrap>
        
    )
}
export default Context